<template>
	<view class="rounded-circle bg-main flex align-center justify-center font30 text-white main-button" hover-class="bg-main-hover" @click="$emit('click')"><slot></slot></view>
</template>

<script></script>

<style>
.main-button {
	height: 80rpx;
	box-shadow: 0rpx 7rpx 10rpx r0px rgba(229, 197, 51, 0.47), 0rpx 1rpx 4rpx 0rpx rgba(247, 207, 144, 0.31), 0rpx 0rpx 8rpx 0rpx rgba(214, 95, 37, 0.31);
}
</style>
